/*
MySQL Backup
Database: zlf
Backup Time: 2022-07-29 14:31:12
*/

SET FOREIGN_KEY_CHECKS=0;
DROP TABLE IF EXISTS `zlf`.`ms_admin`;
DROP TABLE IF EXISTS `zlf`.`ms_admin_permission`;
DROP TABLE IF EXISTS `zlf`.`ms_article`;
DROP TABLE IF EXISTS `zlf`.`ms_article_body`;
DROP TABLE IF EXISTS `zlf`.`ms_article_tag`;
DROP TABLE IF EXISTS `zlf`.`ms_category`;
DROP TABLE IF EXISTS `zlf`.`ms_comment`;
DROP TABLE IF EXISTS `zlf`.`ms_file`;
DROP TABLE IF EXISTS `zlf`.`ms_permission`;
DROP TABLE IF EXISTS `zlf`.`ms_sys_log`;
DROP TABLE IF EXISTS `zlf`.`ms_sys_user`;
DROP TABLE IF EXISTS `zlf`.`ms_tag`;
CREATE TABLE `ms_admin` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT,
  `username` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
  `password` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
  PRIMARY KEY (`id`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci ROW_FORMAT=DYNAMIC;
CREATE TABLE `ms_admin_permission` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT,
  `admin_id` bigint(20) NOT NULL,
  `permission_id` bigint(20) NOT NULL,
  PRIMARY KEY (`id`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci ROW_FORMAT=DYNAMIC;
CREATE TABLE `ms_article` (
  `id` varchar(255) NOT NULL,
  `comment_counts` int(11) DEFAULT NULL COMMENT '评论数量',
  `create_date` datetime(6) DEFAULT CURRENT_TIMESTAMP(6) ON UPDATE CURRENT_TIMESTAMP(6) COMMENT '创建时间',
  `summary` varchar(255) DEFAULT NULL COMMENT '简介',
  `title` varchar(64) DEFAULT NULL COMMENT '标题',
  `view_counts` int(11) DEFAULT NULL COMMENT '浏览数量',
  `weight` int(11) NOT NULL COMMENT '是否置顶',
  `author_id` varchar(255) DEFAULT NULL COMMENT '作者id',
  `body_id` varchar(255) DEFAULT NULL COMMENT '内容id',
  `category_id` int(11) DEFAULT NULL COMMENT '类别id',
  PRIMARY KEY (`id`) USING BTREE,
  KEY `body_id` (`body_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 ROW_FORMAT=DYNAMIC;
CREATE TABLE `ms_article_body` (
  `id` varchar(255) NOT NULL,
  `content` longtext,
  `content_html` longtext,
  `article_id` varchar(255) NOT NULL,
  PRIMARY KEY (`id`) USING BTREE,
  KEY `article_id` (`article_id`) USING BTREE,
  CONSTRAINT `id` FOREIGN KEY (`id`) REFERENCES `ms_article` (`body_id`) ON DELETE CASCADE ON UPDATE CASCADE
) ENGINE=InnoDB DEFAULT CHARSET=utf8 ROW_FORMAT=DYNAMIC;
CREATE TABLE `ms_article_tag` (
  `id` varchar(255) NOT NULL,
  `article_id` varchar(255) NOT NULL,
  `tag_id` varchar(255) NOT NULL,
  PRIMARY KEY (`id`) USING BTREE,
  KEY `article_id` (`article_id`) USING BTREE,
  KEY `tag_id` (`tag_id`) USING BTREE
) ENGINE=InnoDB DEFAULT CHARSET=utf8 ROW_FORMAT=DYNAMIC;
CREATE TABLE `ms_category` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT,
  `avatar` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `category_name` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `description` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  PRIMARY KEY (`id`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=6 DEFAULT CHARSET=utf8 ROW_FORMAT=DYNAMIC;
CREATE TABLE `ms_comment` (
  `id` varchar(255) NOT NULL,
  `content` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
  `create_date` datetime(6) NOT NULL DEFAULT CURRENT_TIMESTAMP(6) ON UPDATE CURRENT_TIMESTAMP(6),
  `article_id` varchar(255) NOT NULL,
  `author_id` varchar(255) NOT NULL,
  `parent_id` varchar(255) NOT NULL,
  `to_uid` varchar(255) NOT NULL,
  `level` int(1) NOT NULL,
  PRIMARY KEY (`id`) USING BTREE,
  KEY `article_id` (`article_id`) USING BTREE
) ENGINE=InnoDB DEFAULT CHARSET=utf8 ROW_FORMAT=DYNAMIC;
CREATE TABLE `ms_file` (
  `id` varchar(255) NOT NULL,
  `file_name` varchar(255) NOT NULL,
  `file_user` varchar(255) NOT NULL,
  `create_time` timestamp NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
CREATE TABLE `ms_permission` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT,
  `name` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
  `path` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
  `description` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
  PRIMARY KEY (`id`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=9 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci ROW_FORMAT=DYNAMIC;
CREATE TABLE `ms_sys_log` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT,
  `create_date` bigint(20) DEFAULT NULL,
  `ip` varchar(15) CHARACTER SET utf8 COLLATE utf8_bin DEFAULT NULL,
  `method` varchar(100) CHARACTER SET utf8 COLLATE utf8_bin DEFAULT NULL,
  `module` varchar(10) CHARACTER SET utf8 COLLATE utf8_bin DEFAULT NULL,
  `nickname` varchar(10) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `operation` varchar(25) CHARACTER SET utf8 COLLATE utf8_bin DEFAULT NULL,
  `params` varchar(255) CHARACTER SET utf8 COLLATE utf8_bin DEFAULT NULL,
  `time` bigint(20) DEFAULT NULL,
  `userid` bigint(20) DEFAULT NULL,
  PRIMARY KEY (`id`) USING BTREE
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci ROW_FORMAT=DYNAMIC;
CREATE TABLE `ms_sys_user` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT,
  `account` varchar(64) DEFAULT NULL COMMENT '账号',
  `admin` bit(1) DEFAULT NULL COMMENT '是否管理员',
  `avatar` varchar(255) DEFAULT NULL COMMENT '头像',
  `create_date` bigint(20) DEFAULT NULL COMMENT '注册时间',
  `deleted` bit(1) DEFAULT NULL COMMENT '是否删除',
  `email` varchar(128) DEFAULT NULL COMMENT '邮箱',
  `last_login` bigint(20) DEFAULT NULL COMMENT '最后登录时间',
  `mobile_phone_number` varchar(20) DEFAULT NULL COMMENT '手机号',
  `nickname` varchar(255) DEFAULT NULL COMMENT '昵称',
  `password` varchar(64) DEFAULT NULL COMMENT '密码',
  `salt` varchar(255) DEFAULT NULL COMMENT '加密盐',
  `status` varchar(255) DEFAULT NULL COMMENT '状态',
  PRIMARY KEY (`id`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=1549349888793059330 DEFAULT CHARSET=utf8 ROW_FORMAT=DYNAMIC;
CREATE TABLE `ms_tag` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT,
  `avatar` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `tag_name` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  PRIMARY KEY (`id`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=9 DEFAULT CHARSET=utf8 ROW_FORMAT=DYNAMIC;
BEGIN;
LOCK TABLES `zlf`.`ms_admin` WRITE;
DELETE FROM `zlf`.`ms_admin`;
INSERT INTO `zlf`.`ms_admin` (`id`,`username`,`password`) VALUES (1, 'admin', '$2a$10$RZECQ90DjOT/t1mhnXsl5.XSuZWc0Sa1XduPxj2rb4yaSYcje3nWW'),(2, 'mszlu', '$2a$10$RZECQ90DjOT/t1mhnXsl5.XSuZWc0Sa1XduPxj2rb4yaSYcje3nWW');
UNLOCK TABLES;
COMMIT;
BEGIN;
LOCK TABLES `zlf`.`ms_admin_permission` WRITE;
DELETE FROM `zlf`.`ms_admin_permission`;
INSERT INTO `zlf`.`ms_admin_permission` (`id`,`admin_id`,`permission_id`) VALUES (1, 1, 1),(2, 2, 1);
UNLOCK TABLES;
COMMIT;
BEGIN;
LOCK TABLES `zlf`.`ms_article` WRITE;
DELETE FROM `zlf`.`ms_article`;
INSERT INTO `zlf`.`ms_article` (`id`,`comment_counts`,`create_date`,`summary`,`title`,`view_counts`,`weight`,`author_id`,`body_id`,`category_id`) VALUES ('0cc5094f8efe46bc99ab2f77b396e4f6', NULL, '2022-07-22 10:08:48.286324', '2asd', '2asd', NULL, 0, '1', 'f6b558f1dc0d4224a6975f3c2ec617f9', NULL),('1', 1, '2022-07-05 11:22:43.000000', '通过Spring Boot实现的服务，只需要依靠一个Java类，把它打包成jar，并通过`java -jar`命令就可以运行起来。\r\n\r\n这一切相较于传统Spring应用来说，已经变得非常的轻便、简单。', 'springboot介绍以及入门案例', 125, 0, '1', '1', 2),('10', 0, '2022-07-07 11:22:47.000000', '本节将介绍如何在项目中使用 Element。', 'Element相关', 10, 0, '1', '21', 2),('1405916999732707330', 0, '2022-07-23 11:22:57.000000', 'springboot入门案例', 'SpringBoot入门案例', 5, 0, '1', '1405916999854342146', 2),('14db3a4e215e4ec6aa8baa08d53160ca', NULL, '2022-07-21 14:05:42.056777', '6666', '6666', NULL, 0, '1', '88303d5ebe3845939b067775c6f3e83b', NULL),('1ab33afbd97044c58c5fe8a5f0d0123c', NULL, '2022-07-22 10:11:47.618301', 'Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的sda渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用asfadasdascfasc', 'vue啊啊啊啊啊', NULL, 0, '1', 'ce32f191504a4ade8d7d70c68032dab8', NULL),('21f976b5c34346c58b5aa926879aedb8', NULL, '2022-07-21 14:05:18.704046', '4444', '4444', NULL, 0, '1', 'db3352d51b164d00979bf89203b17b7b', NULL),('4641616c1bef4fa59ecd40c2dde64e91', NULL, '2022-07-21 14:04:42.887428', '1', '1', NULL, 0, '1', '655950c45e1d4b4ba0d5f2f03db366da', NULL),('8239ce40cef846a3957965d600ab7059', NULL, '2022-07-21 14:06:08.828826', '9999', '9999', NULL, 0, '1', '131d87be601e401b8e59215596e94e03', NULL),('83e37c1eaeb4445084ff176215eb96a3', NULL, '2022-07-22 10:12:59.662732', '啊啊啊啊', '啊啊啊啊', NULL, 0, '1', '648c42108e8a4bcf9533e3771ddc74d4', NULL),('85a3fc88aefd45589b55f4cec458ceff', NULL, '2022-07-21 14:05:00.455342', 'qweq', 'weq', NULL, 0, '1', 'cca3fed97f0d4c1dbaa7c2ef91ef69da', NULL),('a7133ef377594b93801960c6da31c36a', NULL, '2022-07-21 11:20:41.428378', '212121', '21211', NULL, 0, '1', '8fe934c851d74ca286e133d0a491549e', NULL),('af4141ab4c524d3baa4c0fa7c1b6e42d', NULL, '2022-07-21 14:06:33.373703', '10', '10', NULL, 0, '1', 'e661a14c41e64a2f9994241d68f5deae', NULL),('b0aeab52fc98490c84a9f2609a09c5ef', NULL, '2022-07-21 14:06:00.392462', '8888', '8888', NULL, 0, '1', '9b470b6904b34c4387e7aecdb8aac7d7', NULL),('b59f0b5368294e61a2185b5b4acbd852', NULL, '2022-07-21 14:05:09.946769', '3333', '3333', NULL, 0, '1', 'd107197c85be453aaa08d81010f14978', NULL),('c57ab193135a49b2992b9c9c10a2044b', NULL, '2022-07-21 14:05:31.350740', '5555', '5555', NULL, 0, '1', 'eea70539f36f40c89d994e81c17fbd64', NULL),('c9023c6507984d778718b323694a5806', NULL, '2022-07-22 10:12:39.231561', 'aaa', 'aaa啊啊啊啊三生三世', NULL, 0, '1', '49640910fba244ff9670790f8f80da85', NULL),('f3bb435ae5ea4780bd3febfd7c1ae2a3', NULL, '2022-07-21 14:04:33.014907', 'sds', 'sdsd', NULL, 0, '1', '6196279881a0413aa19d4afd0f487167', NULL),('fa8c924b0dde4737a9864d94735c7bd0', NULL, '2022-07-21 14:05:52.461980', '7777', '7777', NULL, 0, '1', '778111bc61a14977a3a621dfdbe93788', NULL);
UNLOCK TABLES;
COMMIT;
BEGIN;
LOCK TABLES `zlf`.`ms_article_body` WRITE;
DELETE FROM `zlf`.`ms_article_body`;
INSERT INTO `zlf`.`ms_article_body` (`id`,`content`,`content_html`,`article_id`) VALUES ('1', '# 1. Spring Boot介绍\r\n\r\n## 1.1 简介\r\n\r\n在您第1次接触和学习Spring框架的时候，是否因为其繁杂的配置而退却了？\r\n\r\n在你第n次使用Spring框架的时候，是否觉得一堆反复黏贴的配置有一些厌烦？\r\n\r\n那么您就不妨来试试使用Spring Boot来让你更易上手，更简单快捷地构建Spring应用！\r\n\r\nSpring Boot让我们的Spring应用变的更轻量化。\r\n\r\n我们不必像以前那样繁琐的构建项目、打包应用、部署到Tomcat等应用服务器中来运行我们的业务服务。\r\n\r\n通过Spring Boot实现的服务，只需要依靠一个Java类，把它打包成jar，并通过`java -jar`命令就可以运行起来。\r\n\r\n这一切相较于传统Spring应用来说，已经变得非常的轻便、简单。\r\n\r\n**总结一下Spring Boot的主要优点：**\r\n\r\n1. 为所有Spring开发者更快的入门\r\n2. 开箱即用，提供各种默认配置来简化项目配置\r\n3. 内嵌式容器简化Web项目\r\n4. 没有冗余代码生成和XML配置的要求\r\n5. 统一的依赖管理\r\n6. 自动装配，更易使用，更易扩展\r\n\r\n## 1.2 使用版本说明\r\n\r\nSpringboot版本：使用最新的2.5.0版本\r\n\r\n教程参考了官方文档进行制作，权威。\r\n\r\n其他依赖版本：\r\n\r\n	1. Maven  需求：3.5+\r\n\r\n   	2. JDK 需求  8+\r\n   	3. Spring Framework 5.3.7以上版本\r\n   	4. Tomcat 9.0\r\n   	5. Servlet版本 4.0  但是可以部署到Servlet到3.1+的容器中\r\n\r\n# 2. 快速入门\r\n\r\n快速的创建一个Spring Boot应用，并且实现一个简单的Http请求处理。通过这个例子对Spring Boot有一个初步的了解，并体验其结构简单、开发快速的特性。\r\n\r\n教程使用的Idea版本：2019.3\r\n\r\n## 2.1 创建基础项目\r\n\r\n**第一步：** 创建maven项目\r\n\r\npom.xml :\r\n\r\n~~~xml\r\n<?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<project xmlns=\"http://maven.apache.org/POM/4.0.0\"\r\n         xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\"\r\n         xsi:schemaLocation=\"http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd\">\r\n    <modelVersion>4.0.0</modelVersion>\r\n\r\n    <groupId>com.xiaopizhu</groupId>\r\n    <artifactId>helloSpringBoot</artifactId>\r\n    <version>1.0-SNAPSHOT</version>\r\n	<!--springboot的父工程其中定义了常用的依赖，并且无依赖冲突-->\r\n    <parent>\r\n        <groupId>org.springframework.boot</groupId>\r\n        <artifactId>spring-boot-starter-parent</artifactId>\r\n        <version>2.5.0</version>\r\n    </parent>\r\n</project>\r\n~~~\r\n\r\n注意上方的parent必须加，其中定义了springboot官方支持的n多依赖，基本上常用的已经有了，所以接下来导入依赖的时候，绝大部分都可以不加版本号。\r\n\r\n此时的工程结构为：\r\n\r\n![image-20210523173241557](img/image-20210523173241557.png)\r\n\r\n**第二步：** 添加web依赖\r\n\r\n~~~xml\r\n<dependencies>\r\n    <dependency>\r\n        <groupId>org.springframework.boot</groupId>\r\n        <artifactId>spring-boot-starter-web</artifactId>\r\n    </dependency>\r\n</dependencies>\r\n~~~\r\n\r\n添加上方的web依赖，其中间接依赖了spring-web，spring-webmvc，spring-core等spring和springmvc的包，并且集成了tomcat。\r\n\r\n**第三步：** 编写启动类\r\n\r\n~~~java\r\npackage com.xiaopizhu.springboot;\r\n\r\nimport org.springframework.boot.SpringApplication;\r\nimport org.springframework.boot.autoconfigure.SpringBootApplication;\r\n\r\n@SpringBootApplication\r\npublic class HelloApp {\r\n\r\n    public static void main(String[] args) {\r\n        SpringApplication.run(HelloApp.class,args);\r\n    }\r\n}\r\n\r\n~~~\r\n\r\n@SpringBootApplication注解标识了HelloApp为启动类，也是Spring Boot的核心。\r\n\r\n**第四步：** 运行启动类的main方法\r\n\r\n![image-20210523173712142](img/image-20210523173712142.png)\r\n\r\n看到如上配置，证明启动成功，tomcat端口号默认为8080。\r\n\r\n**第五步：**  如果想要修改端口号，可以在resources目录下新建application.properties\r\n\r\n~~~properties\r\nserver.port=8082\r\n~~~\r\n\r\n**第六步：** 重新运行\r\n\r\n![image-20210523174011613](img/image-20210523174011613.png)\r\n\r\n此时的项目结构为：\r\n\r\n![image-20210523174032053](img/image-20210523174032053.png)\r\n\r\n**src/main/java :**  编写java代码，注意启动类需要放在项目的根包下。\r\n\r\n**src/main/resources:**  放置资源的目录，比如springboot的配置文件，静态文件，mybatis配置，日志配置等。\r\n\r\n**src/test/java:**  测试代码\r\n\r\n## 2.2 编写一个Http接口\r\n\r\n**第一步：**创建`HelloController`类，内容如下：\r\n\r\n~~~java\r\npackage com.xiaopizhu.springboot.controller;\r\n\r\nimport org.springframework.web.bind.annotation.GetMapping;\r\nimport org.springframework.web.bind.annotation.RequestMapping;\r\nimport org.springframework.web.bind.annotation.RestController;\r\n\r\n@RestController\r\n@RequestMapping(\"hello\")\r\npublic class HelloController {\r\n\r\n    @GetMapping(\"boot\")\r\n    public String hello(){\r\n        return \"hello spring boot\";\r\n    }\r\n\r\n}\r\n\r\n~~~\r\n\r\n**注意包名，必须在启动类所在的包名下。**\r\n\r\n**第二步：**重启程序，使用postman或者直接在浏览器输入http://localhost:8082/hello/boot\r\n\r\n得到结果：hello spring boot\r\n\r\n## 2.3 编写单元测试用例\r\n\r\n**第一步：**添加spring boot测试依赖\r\n\r\n~~~xml\r\n		<dependency>\r\n            <groupId>org.springframework.boot</groupId>\r\n            <artifactId>spring-boot-starter-test</artifactId>\r\n            <scope>test</scope>\r\n        </dependency>\r\n~~~\r\n\r\n**第二步：**在src/test 下，编写测试用例\r\n\r\n~~~java\r\npackage com.xiaopizhu.springboot.controller;\r\n\r\nimport org.junit.jupiter.api.BeforeAll;\r\nimport org.junit.jupiter.api.BeforeEach;\r\nimport org.junit.jupiter.api.Test;\r\nimport org.springframework.boot.test.context.SpringBootTest;\r\nimport org.springframework.http.MediaType;\r\nimport org.springframework.test.web.servlet.MockMvc;\r\nimport org.springframework.test.web.servlet.request.MockMvcRequestBuilders;\r\nimport org.springframework.test.web.servlet.setup.MockMvcBuilders;\r\n\r\nimport static org.hamcrest.Matchers.equalTo;\r\nimport static org.springframework.test.web.servlet.result.MockMvcResultMatchers.content;\r\nimport static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;\r\n\r\n@SpringBootTest\r\npublic class TestHelloController {\r\n\r\n    private MockMvc mockMvc;\r\n\r\n    @BeforeEach\r\n    public void beforeEach(){\r\n        mockMvc = MockMvcBuilders.standaloneSetup(new HelloController()).build();\r\n    }\r\n    @Test\r\n    public void testHello() throws Exception {\r\n        mockMvc.perform(MockMvcRequestBuilders.get(\"/hello/boot\")\r\n                .accept(MediaType.APPLICATION_JSON))\r\n                .andExpect(status().isOk())\r\n                .andExpect(content().string(equalTo(\"hello spring boot\")));\r\n    }\r\n}\r\n\r\n~~~\r\n\r\n上面的测试用例，是构建一个空的`WebApplicationContext`，并且在before中加载了HelloController，得以在测试用例中mock调用，模拟请求。\r\n\r\n## 2.4 打包为jar运行\r\n\r\n**第一步：**添加打包(maven构建springboot)插件\r\n\r\n~~~xml\r\n  <build>\r\n        <plugins>\r\n            <plugin>\r\n                <groupId>org.springframework.boot</groupId>\r\n                <artifactId>spring-boot-maven-plugin</artifactId>\r\n            </plugin>\r\n        </plugins>\r\n    </build>\r\n~~~\r\n\r\n在idea的右侧 maven中，使用package来打包程序，打包完成后，在target目录下生成helloSpringBoot-1.0-SNAPSHOT.jar\r\n\r\n![image-20210523181737720](img/image-20210523181737720.png)\r\n\r\n**第二步：**打开cmd：找到jar对应的目录\r\n\r\n输入命令\r\n\r\n~~~shell\r\njava -jar helloSpringBoot-1.0-SNAPSHOT.jar\r\n~~~\r\n\r\n![image-20210523182426404](img/image-20210523182426404.png)\r\n\r\n**第三步：**测试，使用postman或者直接在浏览器输入http://localhost:8082/hello/boot\r\n\r\n得到结果：hello spring boot\r\n\r\n## 2.5 查看jar包内容\r\n\r\n~~~shell\r\njar tvf helloSpringBoot-1.0-SNAPSHOT.jar\r\n~~~\r\n\r\n# 3. 小结\r\n\r\n1. 通过Maven构建了一个空白Spring Boot项目，再通过引入web模块实现了一个简单的请求处理。\r\n2. 通过修改配置文件，更改端口号\r\n3. 编写了测试用例\r\n4. 打包jar包运行\r\n\r\n', '<h2>2018-01-04</h2>\n<pre><code class=\"lang-\"># 使用vue的Webpack模板生成脚手架\n</code></pre>\n<h2>2018-01-05</h2>\n<pre><code class=\"lang-\"># 引入ElementUI\n\n# babel-plugin-component自定义主题\n# 首页\n# 登陆页\n# 注册页面\n# 日志页\n</code></pre>\n<h2>2018-01-07</h2>\n<pre><code class=\"lang-\"># 调整底部栏始终固定在底部\n# 日志页 添加时间轴\n# 首页的文章列表\n</code></pre>\n<h2>2018-01-08</h2>\n<pre><code class=\"lang-\"># 使用组件-博客作者tab页 \n# 添加第三方图标\n</code></pre>\n<h2>2018-01-09</h2>\n<pre><code class=\"lang-\"># 调整顶部导航栏：激活文字颜色，click点击\n# 组件-最新文章tab页\n\n# 最新文章、最热文章使用相同组件\n# 底部栏设计\n# 页面与两边边距改为100\n</code></pre>\n<h2>2018-01-10</h2>\n<pre><code class=\"lang-\"># 写博客 引入mavonEditor编辑器\n# 顶部导航栏都放入一个Menu中\n# 写文章页面\n#　mavonEditor局部引入\n\n#　页面的中间区域固定宽度，自动居中\n# 发布和取消\n# 发布dialog\n\n</code></pre>\n<h2>2018-01-11</h2>\n<pre><code class=\"lang-\"># 文章组件用守卫来改变body背景色\n# 调整登陆和注册页面，使其居中\n\n#子页面调整根元素为div\n#文章详情页\n\n</code></pre>\n<h2>2018-01-12</h2>\n<pre><code class=\"lang-\"># 文章详情页  内容  评论等\n\n</code></pre>\n<h2>2018-01-13</h2>\n<pre><code class=\"lang-\">## 重新调整页面结构	\n#顶部和底部 抽成  BaseHeader BaseFooter 组件\n#BlogView为单独页，以前是Home的子路由\n\n</code></pre>\n<h2>2018-01-15</h2>\n<pre><code class=\"lang-\"># 文章分类去掉子级\n# 将首页的文章列表抽成 ArticleItem组件\n# 增加文章的评论展示\n# 增加文章分类、标签页\n\n</code></pre>\n<h2>2018-01-15  2</h2>\n<pre><code class=\"lang-\"># 回到顶部去掉过渡动画（影响顶部导航栏）\n# 顶部导航栏 增加登录后菜单\n# 首页增加 最热标签\n# 增加 文章分类 标签的详情页\n# 将文章详情页、 文章分类标签页 改为Home的子路由（以前单独页）\n# Home组件增加路由判断：更正导航栏的状态、条件显示底部栏\n\n</code></pre>\n<h2>2018-01-16</h2>\n<pre><code class=\"lang-\"># 将写文章的顶部Header合并到BaseHeader中\n# 图片都放到了static目录下\n\n</code></pre>\n<h2>2018-01-24</h2>\n<pre><code class=\"lang-\"># 将自定义的theme放到assets下\n# 加入axios\n# 加入vuex\n# 实现登录\n# 实现退出\n\n</code></pre>\n<h2>2018-01-25</h2>\n<pre><code class=\"lang-\"># 实现注册逻辑\n# 写文章功能实现\n# 写文章时支持插入图片\n\n</code></pre>\n<h2>2018-01-26</h2>\n<pre><code class=\"lang-\"># 引入lodash工具类\n# 优化写文章的工具栏：滚动时固定顶部\n# 写文章 后台获取文章分类和标签\n\n# 首页的文章列表\n\n</code></pre>\n<h2>2018-01-27</h2>\n<pre><code class=\"lang-\"># 修改首页文章列表的样式\n# 首页加载文章功能\n# 文章查看功能\n# 文章分类和标签功能列表\n\n</code></pre>\n<h2>2018-01-28</h2>\n<pre><code class=\"lang-\"># 文章分类和标签详情\n\n</code></pre>\n<h2>2018-01-29</h2>\n<pre><code class=\"lang-\"># 文章分类和标签的文章数\n# 首页最热文章\n# 首页最新文章\n# 首页最热标签\n\n</code></pre>\n<h2>2018-01-30</h2>\n<pre><code class=\"lang-\"># BaseHeader放回views中\n# 修改Axios后置拦截，全局处理错误\n# 将登录 退出 和头像 放到一起\n\n</code></pre>\n', '1'),('131d87be601e401b8e59215596e94e03', '9999', '<p>9999</p>', '8239ce40cef846a3957965d600ab7059'),('1405916999854342146', '# 1. Spring Boot介绍\n\n## 1.1 简介\n\n在您第1次接触和学习Spring框架的时候，是否因为其繁杂的配置而退却了？\n\n在你第n次使用Spring框架的时候，是否觉得一堆反复黏贴的配置有一些厌烦？\n\n那么您就不妨来试试使用Spring Boot来让你更易上手，更简单快捷地构建Spring应用！\n\nSpring Boot让我们的Spring应用变的更轻量化。\n\n我们不必像以前那样繁琐的构建项目、打包应用、部署到Tomcat等应用服务器中来运行我们的业务服务。\n\n通过Spring Boot实现的服务，只需要依靠一个Java类，把它打包成jar，并通过`java -jar`命令就可以运行起来。\n\n这一切相较于传统Spring应用来说，已经变得非常的轻便、简单。\n\n**总结一下Spring Boot的主要优点：**\n\n1. 为所有Spring开发者更快的入门\n2. 开箱即用，提供各种默认配置来简化项目配置\n3. 内嵌式容器简化Web项目\n4. 没有冗余代码生成和XML配置的要求\n5. 统一的依赖管理\n6. 自动装配，更易使用，更易扩展\n\n## 1.2 使用版本说明\n\nSpringboot版本：使用最新的2.5.0版本\n\n教程参考了官方文档进行制作，权威。\n\n其他依赖版本：\n\n	1. Maven  需求：3.5+\n\n   	2. JDK 需求  8+\n   	3. Spring Framework 5.3.7以上版本\n   	4. Tomcat 9.0\n   	5. Servlet版本 4.0  但是可以部署到Servlet到3.1+的容器中\n\n# 2. 快速入门\n\n快速的创建一个Spring Boot应用，并且实现一个简单的Http请求处理。通过这个例子对Spring Boot有一个初步的了解，并体验其结构简单、开发快速的特性。\n\n教程使用的Idea版本：2019.3\n\n## 2.1 创建基础项目\n\n**第一步：** 创建maven项目\n\npom.xml :\n\n~~~xml\n<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<project xmlns=\"http://maven.apache.org/POM/4.0.0\"\n         xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\"\n         xsi:schemaLocation=\"http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd\">\n    <modelVersion>4.0.0</modelVersion>\n\n    <groupId>com.xiaopizhu</groupId>\n    <artifactId>helloSpringBoot</artifactId>\n    <version>1.0-SNAPSHOT</version>\n	<!--springboot的父工程其中定义了常用的依赖，并且无依赖冲突-->\n    <parent>\n        <groupId>org.springframework.boot</groupId>\n        <artifactId>spring-boot-starter-parent</artifactId>\n        <version>2.5.0</version>\n    </parent>\n</project>\n~~~\n\n注意上方的parent必须加，其中定义了springboot官方支持的n多依赖，基本上常用的已经有了，所以接下来导入依赖的时候，绝大部分都可以不加版本号。\n\n此时的工程结构为：\n\n![image20210523173241557.png](https://static.mszlu.com/a7302c88-e106-46ad-9713-dc9a6d523957.png)\n\n**第二步：** 添加web依赖\n\n~~~xml\n<dependencies>\n    <dependency>\n        <groupId>org.springframework.boot</groupId>\n        <artifactId>spring-boot-starter-web</artifactId>\n    </dependency>\n</dependencies>\n~~~\n\n添加上方的web依赖，其中间接依赖了spring-web，spring-webmvc，spring-core等spring和springmvc的包，并且集成了tomcat。\n\n**第三步：** 编写启动类\n\n~~~java\npackage com.xiaopizhu.springboot;\n\nimport org.springframework.boot.SpringApplication;\nimport org.springframework.boot.autoconfigure.SpringBootApplication;\n\n@SpringBootApplication\npublic class HelloApp {\n\n    public static void main(String[] args) {\n        SpringApplication.run(HelloApp.class,args);\n    }\n}\n\n~~~\n\n@SpringBootApplication注解标识了HelloApp为启动类，也是Spring Boot的核心。\n\n**第四步：** 运行启动类的main方法\n\n![image20210523173712142.png](https://static.mszlu.com/dc17b43e-08df-46b0-bb7a-eb73044de7da.png)\n\n看到如上配置，证明启动成功，tomcat端口号默认为8080。\n\n**第五步：**  如果想要修改端口号，可以在resources目录下新建application.properties\n\n~~~properties\nserver.port=8082\n~~~\n\n**第六步：** 重新运行\n\n![image20210523174011613.png](https://static.mszlu.com/318e4b7e-95d2-4e43-a18f-279ea6ff9495.png)\n\n此时的项目结构为：\n\n![image20210523174032053.png](https://static.mszlu.com/756e4ae0-c4c7-43a5-9b5d-bc7ce974a942.png)\n\n**src/main/java :**  编写java代码，注意启动类需要放在项目的根包下。\n\n**src/main/resources:**  放置资源的目录，比如springboot的配置文件，静态文件，mybatis配置，日志配置等。\n\n**src/test/java:**  测试代码\n\n## 2.2 编写一个Http接口\n\n**第一步：**  创建`HelloController`类，内容如下：\n\n~~~java\npackage com.xiaopizhu.springboot.controller;\n\nimport org.springframework.web.bind.annotation.GetMapping;\nimport org.springframework.web.bind.annotation.RequestMapping;\nimport org.springframework.web.bind.annotation.RestController;\n\n@RestController\n@RequestMapping(\"hello\")\npublic class HelloController {\n\n    @GetMapping(\"boot\")\n    public String hello(){\n        return \"hello spring boot\";\n    }\n\n}\n\n~~~\n\n**注意包名，必须在启动类所在的包名下。**\n\n**第二步： ** 重启程序，使用postman或者直接在浏览器输入http://localhost:8082/hello/boot\n\n得到结果：hello spring boot\n\n## 2.3 编写单元测试用例\n\n**第一步： ** 添加spring boot测试依赖\n\n~~~xml\n		<dependency>\n            <groupId>org.springframework.boot</groupId>\n            <artifactId>spring-boot-starter-test</artifactId>\n            <scope>test</scope>\n        </dependency>\n~~~\n\n**第二步：** 在src/test 下，编写测试用例\n\n~~~java\npackage com.xiaopizhu.springboot.controller;\n\nimport org.junit.jupiter.api.BeforeAll;\nimport org.junit.jupiter.api.BeforeEach;\nimport org.junit.jupiter.api.Test;\nimport org.springframework.boot.test.context.SpringBootTest;\nimport org.springframework.http.MediaType;\nimport org.springframework.test.web.servlet.MockMvc;\nimport org.springframework.test.web.servlet.request.MockMvcRequestBuilders;\nimport org.springframework.test.web.servlet.setup.MockMvcBuilders;\n\nimport static org.hamcrest.Matchers.equalTo;\nimport static org.springframework.test.web.servlet.result.MockMvcResultMatchers.content;\nimport static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;\n\n@SpringBootTest\npublic class TestHelloController {\n\n    private MockMvc mockMvc;\n\n    @BeforeEach\n    public void beforeEach(){\n        mockMvc = MockMvcBuilders.standaloneSetup(new HelloController()).build();\n    }\n    @Test\n    public void testHello() throws Exception {\n        mockMvc.perform(MockMvcRequestBuilders.get(\"/hello/boot\")\n                .accept(MediaType.APPLICATION_JSON))\n                .andExpect(status().isOk())\n                .andExpect(content().string(equalTo(\"hello spring boot\")));\n    }\n}\n\n~~~\n\n上面的测试用例，是构建一个空的`WebApplicationContext`，并且在before中加载了HelloController，得以在测试用例中mock调用，模拟请求。\n\n## 2.4 打包为jar运行\n\n**第一步：** 添加打包(maven构建springboot)插件\n\n~~~xml\n  <build>\n        <plugins>\n            <plugin>\n                <groupId>org.springframework.boot</groupId>\n                <artifactId>spring-boot-maven-plugin</artifactId>\n            </plugin>\n        </plugins>\n    </build>\n~~~\n\n在idea的右侧 maven中，使用package来打包程序，打包完成后，在target目录下生成helloSpringBoot-1.0-SNAPSHOT.jar\n\n![image20210523181737720.png](https://static.mszlu.com/45aa0db2-598f-4564-964c-a2d889dfbafe.png)\n\n**第二步： ** 打开cmd：找到jar对应的目录\n\n输入命令\n\n~~~shell\njava -jar helloSpringBoot-1.0-SNAPSHOT.jar\n~~~\n\n![image20210523182426404.png](https://static.mszlu.com/74376f77-b8eb-4c2c-a4cc-d3bfe24901e3.png)\n\n**第三步：**  测试，使用postman或者直接在浏览器输入http://localhost:8082/hello/boot\n\n得到结果：hello spring boot\n\n## 2.5 查看jar包内容\n\n~~~shell\njar tvf helloSpringBoot-1.0-SNAPSHOT.jar\n~~~\n\n# 3. 小结\n\n1. 通过Maven构建了一个空白Spring Boot项目，再通过引入web模块实现了一个简单的请求处理。\n2. 通过修改配置文件，更改端口号\n3. 编写了测试用例\n4. 打包jar包运行\n\n', '<h1><a id=\"1_Spring_Boot_0\"></a>1. Spring Boot介绍</h1>\n<h2><a id=\"11__2\"></a>1.1 简介</h2>\n<p>在您第1次接触和学习Spring框架的时候，是否因为其繁杂的配置而退却了？</p>\n<p>在你第n次使用Spring框架的时候，是否觉得一堆反复黏贴的配置有一些厌烦？</p>\n<p>那么您就不妨来试试使用Spring Boot来让你更易上手，更简单快捷地构建Spring应用！</p>\n<p>Spring Boot让我们的Spring应用变的更轻量化。</p>\n<p>我们不必像以前那样繁琐的构建项目、打包应用、部署到Tomcat等应用服务器中来运行我们的业务服务。</p>\n<p>通过Spring Boot实现的服务，只需要依靠一个Java类，把它打包成jar，并通过<code>java -jar</code>命令就可以运行起来。</p>\n<p>这一切相较于传统Spring应用来说，已经变得非常的轻便、简单。</p>\n<p><strong>总结一下Spring Boot的主要优点：</strong></p>\n<ol>\n<li>为所有Spring开发者更快的入门</li>\n<li>开箱即用，提供各种默认配置来简化项目配置</li>\n<li>内嵌式容器简化Web项目</li>\n<li>没有冗余代码生成和XML配置的要求</li>\n<li>统一的依赖管理</li>\n<li>自动装配，更易使用，更易扩展</li>\n</ol>\n<h2><a id=\"12__27\"></a>1.2 使用版本说明</h2>\n<p>Springboot版本：使用最新的2.5.0版本</p>\n<p>教程参考了官方文档进行制作，权威。</p>\n<p>其他依赖版本：</p>\n<pre><code>1. Maven  需求：3.5+\n\n2. JDK 需求  8+\n3. Spring Framework 5.3.7以上版本\n4. Tomcat 9.0\n5. Servlet版本 4.0  但是可以部署到Servlet到3.1+的容器中\n</code></pre>\n<h1><a id=\"2__42\"></a>2. 快速入门</h1>\n<p>快速的创建一个Spring Boot应用，并且实现一个简单的Http请求处理。通过这个例子对Spring Boot有一个初步的了解，并体验其结构简单、开发快速的特性。</p>\n<p>教程使用的Idea版本：2019.3</p>\n<h2><a id=\"21__48\"></a>2.1 创建基础项目</h2>\n<p><strong>第一步：</strong> 创建maven项目</p>\n<p>pom.xml :</p>\n<pre><div class=\"hljs\"><code class=\"lang-xml\"><span class=\"php\"><span class=\"hljs-meta\">&lt;?</span>xml version=<span class=\"hljs-string\">\"1.0\"</span> encoding=<span class=\"hljs-string\">\"UTF-8\"</span><span class=\"hljs-meta\">?&gt;</span></span>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">project</span> <span class=\"hljs-attr\">xmlns</span>=<span class=\"hljs-string\">\"http://maven.apache.org/POM/4.0.0\"</span>\n         <span class=\"hljs-attr\">xmlns:xsi</span>=<span class=\"hljs-string\">\"http://www.w3.org/2001/XMLSchema-instance\"</span>\n         <span class=\"hljs-attr\">xsi:schemaLocation</span>=<span class=\"hljs-string\">\"http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd\"</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">modelVersion</span>&gt;</span>4.0.0<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">modelVersion</span>&gt;</span>\n\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">groupId</span>&gt;</span>com.xiaopizhu<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">groupId</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">artifactId</span>&gt;</span>helloSpringBoot<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">artifactId</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">version</span>&gt;</span>1.0-SNAPSHOT<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">version</span>&gt;</span>\n	<span class=\"hljs-comment\">&lt;!--springboot的父工程其中定义了常用的依赖，并且无依赖冲突--&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">parent</span>&gt;</span>\n        <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">groupId</span>&gt;</span>org.springframework.boot<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">groupId</span>&gt;</span>\n        <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">artifactId</span>&gt;</span>spring-boot-starter-parent<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">artifactId</span>&gt;</span>\n        <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">version</span>&gt;</span>2.5.0<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">version</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">parent</span>&gt;</span>\n<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">project</span>&gt;</span>\n</code></div></pre>\n<p>注意上方的parent必须加，其中定义了springboot官方支持的n多依赖，基本上常用的已经有了，所以接下来导入依赖的时候，绝大部分都可以不加版本号。</p>\n<p>此时的工程结构为：</p>\n<p><img src=\"https://static.mszlu.com/a7302c88-e106-46ad-9713-dc9a6d523957.png\" alt=\"image20210523173241557.png\" /></p>\n<p><strong>第二步：</strong> 添加web依赖</p>\n<pre><div class=\"hljs\"><code class=\"lang-xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">dependencies</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">dependency</span>&gt;</span>\n        <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">groupId</span>&gt;</span>org.springframework.boot<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">groupId</span>&gt;</span>\n        <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">artifactId</span>&gt;</span>spring-boot-starter-web<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">artifactId</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">dependency</span>&gt;</span>\n<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">dependencies</span>&gt;</span>\n</code></div></pre>\n<p>添加上方的web依赖，其中间接依赖了spring-web，spring-webmvc，spring-core等spring和springmvc的包，并且集成了tomcat。</p>\n<p><strong>第三步：</strong> 编写启动类</p>\n<pre><div class=\"hljs\"><code class=\"lang-java\"><span class=\"hljs-keyword\">package</span> com.xiaopizhu.springboot;\n\n<span class=\"hljs-keyword\">import</span> org.springframework.boot.SpringApplication;\n<span class=\"hljs-keyword\">import</span> org.springframework.boot.autoconfigure.SpringBootApplication;\n\n<span class=\"hljs-meta\">@SpringBootApplication</span>\n<span class=\"hljs-keyword\">public</span> <span class=\"hljs-class\"><span class=\"hljs-keyword\">class</span> <span class=\"hljs-title\">HelloApp</span> </span>{\n\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public</span> <span class=\"hljs-keyword\">static</span> <span class=\"hljs-keyword\">void</span> <span class=\"hljs-title\">main</span><span class=\"hljs-params\">(String[] args)</span> </span>{\n        SpringApplication.run(HelloApp.class,args);\n    }\n}\n\n</code></div></pre>\n<p>@SpringBootApplication注解标识了HelloApp为启动类，也是Spring Boot的核心。</p>\n<p><strong>第四步：</strong> 运行启动类的main方法</p>\n<p><img src=\"https://static.mszlu.com/dc17b43e-08df-46b0-bb7a-eb73044de7da.png\" alt=\"image20210523173712142.png\" /></p>\n<p>看到如上配置，证明启动成功，tomcat端口号默认为8080。</p>\n<p><strong>第五步：</strong>  如果想要修改端口号，可以在resources目录下新建application.properties</p>\n<pre><code class=\"lang-properties\">server.port=8082\n</code></pre>\n<p><strong>第六步：</strong> 重新运行</p>\n<p><img src=\"https://static.mszlu.com/318e4b7e-95d2-4e43-a18f-279ea6ff9495.png\" alt=\"image20210523174011613.png\" /></p>\n<p>此时的项目结构为：</p>\n<p><img src=\"https://static.mszlu.com/756e4ae0-c4c7-43a5-9b5d-bc7ce974a942.png\" alt=\"image20210523174032053.png\" /></p>\n<p><strong>src/main/java :</strong>  编写java代码，注意启动类需要放在项目的根包下。</p>\n<p><strong>src/main/resources:</strong>  放置资源的目录，比如springboot的配置文件，静态文件，mybatis配置，日志配置等。</p>\n<p><strong>src/test/java:</strong>  测试代码</p>\n<h2><a id=\"22_Http_138\"></a>2.2 编写一个Http接口</h2>\n<p><strong>第一步：</strong>  创建<code>HelloController</code>类，内容如下：</p>\n<pre><div class=\"hljs\"><code class=\"lang-java\"><span class=\"hljs-keyword\">package</span> com.xiaopizhu.springboot.controller;\n\n<span class=\"hljs-keyword\">import</span> org.springframework.web.bind.annotation.GetMapping;\n<span class=\"hljs-keyword\">import</span> org.springframework.web.bind.annotation.RequestMapping;\n<span class=\"hljs-keyword\">import</span> org.springframework.web.bind.annotation.RestController;\n\n<span class=\"hljs-meta\">@RestController</span>\n<span class=\"hljs-meta\">@RequestMapping</span>(<span class=\"hljs-string\">\"hello\"</span>)\n<span class=\"hljs-keyword\">public</span> <span class=\"hljs-class\"><span class=\"hljs-keyword\">class</span> <span class=\"hljs-title\">HelloController</span> </span>{\n\n    <span class=\"hljs-meta\">@GetMapping</span>(<span class=\"hljs-string\">\"boot\"</span>)\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public</span> String <span class=\"hljs-title\">hello</span><span class=\"hljs-params\">()</span></span>{\n        <span class=\"hljs-keyword\">return</span> <span class=\"hljs-string\">\"hello spring boot\"</span>;\n    }\n\n}\n\n</code></div></pre>\n<p><strong>注意包名，必须在启动类所在的包名下。</strong></p>\n<p>**第二步： ** 重启程序，使用postman或者直接在浏览器输入http://localhost:8082/hello/boot</p>\n<p>得到结果：hello spring boot</p>\n<h2><a id=\"23__168\"></a>2.3 编写单元测试用例</h2>\n<p>**第一步： ** 添加spring boot测试依赖</p>\n<pre><div class=\"hljs\"><code class=\"lang-xml\">		<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">dependency</span>&gt;</span>\n            <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">groupId</span>&gt;</span>org.springframework.boot<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">groupId</span>&gt;</span>\n            <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">artifactId</span>&gt;</span>spring-boot-starter-test<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">artifactId</span>&gt;</span>\n            <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">scope</span>&gt;</span>test<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">scope</span>&gt;</span>\n        <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">dependency</span>&gt;</span>\n</code></div></pre>\n<p><strong>第二步：</strong> 在src/test 下，编写测试用例</p>\n<pre><div class=\"hljs\"><code class=\"lang-java\"><span class=\"hljs-keyword\">package</span> com.xiaopizhu.springboot.controller;\n\n<span class=\"hljs-keyword\">import</span> org.junit.jupiter.api.BeforeAll;\n<span class=\"hljs-keyword\">import</span> org.junit.jupiter.api.BeforeEach;\n<span class=\"hljs-keyword\">import</span> org.junit.jupiter.api.Test;\n<span class=\"hljs-keyword\">import</span> org.springframework.boot.test.context.SpringBootTest;\n<span class=\"hljs-keyword\">import</span> org.springframework.http.MediaType;\n<span class=\"hljs-keyword\">import</span> org.springframework.test.web.servlet.MockMvc;\n<span class=\"hljs-keyword\">import</span> org.springframework.test.web.servlet.request.MockMvcRequestBuilders;\n<span class=\"hljs-keyword\">import</span> org.springframework.test.web.servlet.setup.MockMvcBuilders;\n\n<span class=\"hljs-keyword\">import</span> <span class=\"hljs-keyword\">static</span> org.hamcrest.Matchers.equalTo;\n<span class=\"hljs-keyword\">import</span> <span class=\"hljs-keyword\">static</span> org.springframework.test.web.servlet.result.MockMvcResultMatchers.content;\n<span class=\"hljs-keyword\">import</span> <span class=\"hljs-keyword\">static</span> org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;\n\n<span class=\"hljs-meta\">@SpringBootTest</span>\n<span class=\"hljs-keyword\">public</span> <span class=\"hljs-class\"><span class=\"hljs-keyword\">class</span> <span class=\"hljs-title\">TestHelloController</span> </span>{\n\n    <span class=\"hljs-keyword\">private</span> MockMvc mockMvc;\n\n    <span class=\"hljs-meta\">@BeforeEach</span>\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public</span> <span class=\"hljs-keyword\">void</span> <span class=\"hljs-title\">beforeEach</span><span class=\"hljs-params\">()</span></span>{\n        mockMvc = MockMvcBuilders.standaloneSetup(<span class=\"hljs-keyword\">new</span> HelloController()).build();\n    }\n    <span class=\"hljs-meta\">@Test</span>\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public</span> <span class=\"hljs-keyword\">void</span> <span class=\"hljs-title\">testHello</span><span class=\"hljs-params\">()</span> <span class=\"hljs-keyword\">throws</span> Exception </span>{\n        mockMvc.perform(MockMvcRequestBuilders.get(<span class=\"hljs-string\">\"/hello/boot\"</span>)\n                .accept(MediaType.APPLICATION_JSON))\n                .andExpect(status().isOk())\n                .andExpect(content().string(equalTo(<span class=\"hljs-string\">\"hello spring boot\"</span>)));\n    }\n}\n\n</code></div></pre>\n<p>上面的测试用例，是构建一个空的<code>WebApplicationContext</code>，并且在before中加载了HelloController，得以在测试用例中mock调用，模拟请求。</p>\n<h2><a id=\"24_jar_220\"></a>2.4 打包为jar运行</h2>\n<p><strong>第一步：</strong> 添加打包(maven构建springboot)插件</p>\n<pre><div class=\"hljs\"><code class=\"lang-xml\">  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">build</span>&gt;</span>\n        <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">plugins</span>&gt;</span>\n            <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">plugin</span>&gt;</span>\n                <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">groupId</span>&gt;</span>org.springframework.boot<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">groupId</span>&gt;</span>\n                <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">artifactId</span>&gt;</span>spring-boot-maven-plugin<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">artifactId</span>&gt;</span>\n            <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">plugin</span>&gt;</span>\n        <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">plugins</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">build</span>&gt;</span>\n</code></div></pre>\n<p>在idea的右侧 maven中，使用package来打包程序，打包完成后，在target目录下生成helloSpringBoot-1.0-SNAPSHOT.jar</p>\n<p><img src=\"https://static.mszlu.com/45aa0db2-598f-4564-964c-a2d889dfbafe.png\" alt=\"image20210523181737720.png\" /></p>\n<p>**第二步： ** 打开cmd：找到jar对应的目录</p>\n<p>输入命令</p>\n<pre><div class=\"hljs\"><code class=\"lang-shell\">java -jar helloSpringBoot-1.0-SNAPSHOT.jar\n</code></div></pre>\n<p><img src=\"https://static.mszlu.com/74376f77-b8eb-4c2c-a4cc-d3bfe24901e3.png\" alt=\"image20210523182426404.png\" /></p>\n<p><strong>第三步：</strong>  测试，使用postman或者直接在浏览器输入http://localhost:8082/hello/boot</p>\n<p>得到结果：hello spring boot</p>\n<h2><a id=\"25_jar_253\"></a>2.5 查看jar包内容</h2>\n<pre><div class=\"hljs\"><code class=\"lang-shell\">jar tvf helloSpringBoot-1.0-SNAPSHOT.jar\n</code></div></pre>\n<h1><a id=\"3__259\"></a>3. 小结</h1>\n<ol>\n<li>通过Maven构建了一个空白Spring Boot项目，再通过引入web模块实现了一个简单的请求处理。</li>\n<li>通过修改配置文件，更改端口号</li>\n<li>编写了测试用例</li>\n<li>打包jar包运行</li>\n</ol>\n', '1405916999732707330'),('21', '## 快速上手\n\n本节将介绍如何在项目中使用 Element。\n\n### 使用 Starter Kit\n我们提供了通用的项目模板，你可以直接使用。对于 Laravel 用户，我们也准备了相应的模板，同样可以直接下载使用。\n\n如果不希望使用我们提供的模板，请继续阅读。\n\n### 使用 vue-cli\n\n我们还可以使用 vue-cli 初始化项目，命令如下：\n\n```language\n> npm i -g vue-cli\n> mkdir my-project && cd my-project\n> vue init webpack\n> npm i && npm i element-ui\n```\n\n### 引入 Element\n你可以引入整个 Element，或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Element。\n\n#### 完整引入\n在 main.js 中写入以下内容：\n```javascript\nimport Vue from \'vue\'\nimport ElementUI from \'element-ui\'\nimport \'element-ui/lib/theme-chalk/index.css\'\nimport App from \'./App.vue\'\n\nVue.use(ElementUI)\n\nnew Vue({\n  el: \'#app\',\n  render: h => h(App)\n})\n\n```\n以上代码便完成了 Element 的引入。需要注意的是，样式文件需要单独引入。\n\n#### 按需引入\n借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。\n\n首先，安装 babel-plugin-component：\n\n', '<h2>快速上手</h2>\n<p>本节将介绍如何在项目中使用 Element。</p>\n<h3>使用 Starter Kit</h3>\n<p>我们提供了通用的项目模板，你可以直接使用。对于 Laravel 用户，我们也准备了相应的模板，同样可以直接下载使用。</p>\n<p>如果不希望使用我们提供的模板，请继续阅读。</p>\n<h3>使用 vue-cli</h3>\n<p>我们还可以使用 vue-cli 初始化项目，命令如下：</p>\n<pre><code class=\"lang-language\">&gt; npm i -g vue-cli\n&gt; mkdir my-project &amp;&amp; cd my-project\n&gt; vue init webpack\n&gt; npm i &amp;&amp; npm i element-ui\n</code></pre>\n<h3>引入 Element</h3>\n<p>你可以引入整个 Element，或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Element。</p>\n<h4>完整引入</h4>\n<p>在 main.js 中写入以下内容：</p>\n<pre><div class=\"hljs\"><code class=\"lang-javascript\"><span class=\"hljs-keyword\">import</span> Vue <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">\'vue\'</span>\n<span class=\"hljs-keyword\">import</span> ElementUI <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">\'element-ui\'</span>\n<span class=\"hljs-keyword\">import</span> <span class=\"hljs-string\">\'element-ui/lib/theme-chalk/index.css\'</span>\n<span class=\"hljs-keyword\">import</span> App <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">\'./App.vue\'</span>\n\nVue.use(ElementUI)\n\n<span class=\"hljs-keyword\">new</span> Vue({\n  <span class=\"hljs-attr\">el</span>: <span class=\"hljs-string\">\'#app\'</span>,\n  <span class=\"hljs-attr\">render</span>: <span class=\"hljs-function\"><span class=\"hljs-params\">h</span> =&gt;</span> h(App)\n})\n\n</code></div></pre>\n<p>以上代码便完成了 Element 的引入。需要注意的是，样式文件需要单独引入。</p>\n<h4>按需引入</h4>\n<p>借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。</p>\n<p>首先，安装 babel-plugin-component：</p>\n', '10'),('49640910fba244ff9670790f8f80da85', 'asdas', 'asdas', 'c9023c6507984d778718b323694a5806'),('6196279881a0413aa19d4afd0f487167', 'sdadad', '<p>sdadad</p>', 'f3bb435ae5ea4780bd3febfd7c1ae2a3'),('648c42108e8a4bcf9533e3771ddc74d4', '生存手册', '<p>生存手册</p>', '83e37c1eaeb4445084ff176215eb96a3'),('655950c45e1d4b4ba0d5f2f03db366da', '1', '<p>1</p>', '4641616c1bef4fa59ecd40c2dde64e91'),('778111bc61a14977a3a621dfdbe93788', '7777', '<p>7777</p>', 'fa8c924b0dde4737a9864d94735c7bd0'),('88303d5ebe3845939b067775c6f3e83b', '6666', '<p>6666</p>', '14db3a4e215e4ec6aa8baa08d53160ca'),('8fe934c851d74ca286e133d0a491549e', '21212121', '<p>21212121</p>', 'a7133ef377594b93801960c6da31c36a'),('9b470b6904b34c4387e7aecdb8aac7d7', '8888', '<p>8888</p>', 'b0aeab52fc98490c84a9f2609a09c5ef'),('cca3fed97f0d4c1dbaa7c2ef91ef69da', '3', '<p>3</p>', '85a3fc88aefd45589b55f4cec458ceff'),('ce32f191504a4ade8d7d70c68032dab8', 'Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。\\n\\n如果你想在深入学习 Vue 之前对它有更多了解，我们制作了一个视频，带您了解其核心概念和一个示例工程。\\n如果你已经是有经验的前端开发者，想知道 Vue 与其它库/框架有哪些区别，请查看对比其它框架。\\n\\n# 起步\\n\\n&gt; 官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识。如果你刚开始学习前端开发，将框架作为你的第一步可能不是最好的主意——掌握好基础知识再来吧！之前有其它框架的使用经验会有帮助，但这不是必需的。\\n\\n尝试 Vue.js 最简单的方法是使用 JSFiddle 上的 Hello World 例子。你可以在浏览器新标签页中打开它，跟着例子学习一些基础用法。或者你也可以创建一个 .html 文件，然后通过如下方式引入 Vue：\\n\\n```javascript\\n&lt;script src=\\\"https://cdn.jsdelivr.net/npm/vue\\\"&gt;&lt;/script&gt;\\n\\n```\\n安装教程给出了更多安装 Vue 的方式。请注意我们不推荐新手直接使用 vue-cli，尤其是在你还不熟悉基于 Node.js 的构建工具时。\\n\\n# 声明式渲染\\nVue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统：\\n```javascript\\n&lt;div id=\\\"app\\\"&gt;\\n  {{ message }}\\n&lt;/div&gt;\\n\\n```\\n```javascript\\nvar app = new Vue({\\n  el: \\\'#app\\\',\\n  data: {\\n    message: \\\'Hello Vue!\\\'\\n  }\\n})\\n\\n```\\n我们已经成功创建了第一个 Vue 应用！看起来这跟渲染一个字符串模板非常类似，但是 Vue 在背后做了大量工作。现在数据和 DOM 已经被建立了关联，所有东西都是响应式的。我们要怎么确认呢？打开你的浏览器的 JavaScript 控制台 (就在这个页面打开)，并修改 app.message 的值，你将看到上例相应地更新。\\n\\n除了文本插值，我们还可以像这样来绑定元素特性：\\n\\n\\n\\n\\n\\n\\n\', \'&lt;p&gt;Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。&lt;/p&gt;\\n&lt;p&gt;如果你想在深入学习 Vue 之前对它有更多了解，我们制作了一个视频，带您了解其核心概念和一个示例工程。&lt;br /&gt;\\n如果你已经是有经验的前端开发者，想知道 Vue 与其它库/框架有哪些区别，请查看对比其它框架。&lt;/p&gt;\\n&lt;h1&gt;起步&lt;/h1&gt;\\n&lt;blockquote&gt;\\n&lt;p&gt;官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识。如果你刚开始学习前端开发，将框架作为你的第一步可能不是最好的主意——掌握好基础知识再来吧！之前有其它框架的使用经验会有帮助，但这不是必需的。&lt;/p&gt;\\n&lt;/blockquote&gt;\\n&lt;p&gt;尝试 Vue.js 最简单的方法是使用 JSFiddle 上的 Hello World 例子。你可以在浏览器新标签页中打开它，跟着例子学习一些基础用法。或者你也可以创建一个 .html 文件，然后通过如下方式引入 Vue：&lt;/p&gt;\\n&lt;pre&gt;&lt;div class=\\\"hljs\\\"&gt;&lt;code class=\\\"lang-javascript\\\"&gt;&lt;script src=&lt;span class=\\\"hljs-string\\\"&gt;\\\"https://cdn.jsdelivr.net/npm/vue\\\"&lt;/span&gt;&gt;&lt;span class=\\\"xml\\\"&gt;&lt;span class=\\\"hljs-tag\\\"&gt;&lt;/&lt;span class=\\\"hljs-name\\\"&gt;script&lt;/span&gt;&gt;&lt;/span&gt;&lt;/span&gt;\\n\\n&lt;/code&gt;&lt;/div&gt;&lt;/pre&gt;\\n&lt;p&gt;安装教程给出了更多安装 Vue 的方式。请注意我们不推荐新手直接使用 vue-cli，尤其是在你还不熟悉基于 Node.js 的构建工具时。&lt;/p&gt;\\n&lt;h1&gt;声明式渲染&lt;/h1&gt;\\n&lt;p&gt;Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统：&lt;/p&gt;\\n&lt;pre&gt;&lt;div class=\\\"hljs\\\"&gt;&lt;code class=\\\"lang-javascript\\\"&gt;&lt;div id=&lt;span class=\\\"hljs-string\\\"&gt;\\\"app\\\"&lt;/span&gt;&gt;\\n  {{ message }}\\n&lt;&lt;span class=\\\"hljs-regexp\\\"&gt;/div&gt;\\n\\n&lt;/span&gt;&lt;/code&gt;&lt;/div&gt;&lt;/pre&gt;\\n&lt;pre&gt;&lt;div class=\\\"hljs\\\"&gt;&lt;code class=\\\"lang-javascript\\\"&gt;&lt;span class=\\\"hljs-keyword\\\"&gt;var&lt;/span&gt; app = &lt;span class=\\\"hljs-keyword\\\"&gt;new&lt;/span&gt; Vue({\\n  &lt;span class=\\\"hljs-attr\\\"&gt;el&lt;/span&gt;: &lt;span class=\\\"hljs-string\\\"&gt;\\\'#app\\\'&lt;/span&gt;,\\n  &lt;span class=\\\"hljs-attr\\\"&gt;data&lt;/span&gt;: {\\n    &lt;span class=\\\"hljs-attr\\\"&gt;message&lt;/span&gt;: &lt;span class=\\\"hljs-string\\\"&gt;\\\'Hello Vue!\\\'&lt;/span&gt;\\n  }\\n})\\n\\n&lt;/code&gt;&lt;/div&gt;&lt;/pre&gt;\\n&lt;p&gt;我们已经成功创建了第一个 Vue 应用！看起来这跟渲染一个字符串模板非常类似，但是 Vue 在背后做了大量工作。现在数据和 DOM 已经被建立了关联，所有东西都是响应式的。我们要怎么确认呢？打开你的浏览器的 JavaScript 控制台 (就在这个页面打开)，并修改 app.message 的值，你将看到上例相应地更新。&lt;/p&gt;\\n&lt;p&gt;除了文本插值，我们还可以像这样来绑定元素特性：&lt;/p&gt;\\n', 'Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。\\n\\n如果你想在深入学习 Vue 之前对它有更多了解，我们制作了一个视频，带您了解其核心概念和一个示例工程。\\n如果你已经是有经验的前端开发者，想知道 Vue 与其它库/框架有哪些区别，请查看对比其它框架。\\n\\n# 起步\\n\\n&gt; 官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识。如果你刚开始学习前端开发，将框架作为你的第一步可能不是最好的主意——掌握好基础知识再来吧！之前有其它框架的使用经验会有帮助，但这不是必需的。\\n\\n尝试 Vue.js 最简单的方法是使用 JSFiddle 上的 Hello World 例子。你可以在浏览器新标签页中打开它，跟着例子学习一些基础用法。或者你也可以创建一个 .html 文件，然后通过如下方式引入 Vue：\\n\\n```javascript\\n&lt;script src=\\\"https://cdn.jsdelivr.net/npm/vue\\\"&gt;&lt;/script&gt;\\n\\n```\\n安装教程给出了更多安装 Vue 的方式。请注意我们不推荐新手直接使用 vue-cli，尤其是在你还不熟悉基于 Node.js 的构建工具时。\\n\\n# 声明式渲染\\nVue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统：\\n```javascript\\n&lt;div id=\\\"app\\\"&gt;\\n  {{ message }}\\n&lt;/div&gt;\\n\\n```\\n```javascript\\nvar app = new Vue({\\n  el: \\\'#app\\\',\\n  data: {\\n    message: \\\'Hello Vue!\\\'\\n  }\\n})\\n\\n```\\n我们已经成功创建了第一个 Vue 应用！看起来这跟渲染一个字符串模板非常类似，但是 Vue 在背后做了大量工作。现在数据和 DOM 已经被建立了关联，所有东西都是响应式的。我们要怎么确认呢？打开你的浏览器的 JavaScript 控制台 (就在这个页面打开)，并修改 app.message 的值，你将看到上例相应地更新。\\n\\n除了文本插值，我们还可以像这样来绑定元素特性：\\n\\n\\n\\n\\n\\n\\n\', \'&lt;p&gt;Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。&lt;/p&gt;\\n&lt;p&gt;如果你想在深入学习 Vue 之前对它有更多了解，我们制作了一个视频，带您了解其核心概念和一个示例工程。&lt;br /&gt;\\n如果你已经是有经验的前端开发者，想知道 Vue 与其它库/框架有哪些区别，请查看对比其它框架。&lt;/p&gt;\\n&lt;h1&gt;起步&lt;/h1&gt;\\n&lt;blockquote&gt;\\n&lt;p&gt;官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识。如果你刚开始学习前端开发，将框架作为你的第一步可能不是最好的主意——掌握好基础知识再来吧！之前有其它框架的使用经验会有帮助，但这不是必需的。&lt;/p&gt;\\n&lt;/blockquote&gt;\\n&lt;p&gt;尝试 Vue.js 最简单的方法是使用 JSFiddle 上的 Hello World 例子。你可以在浏览器新标签页中打开它，跟着例子学习一些基础用法。或者你也可以创建一个 .html 文件，然后通过如下方式引入 Vue：&lt;/p&gt;\\n&lt;pre&gt;&lt;div class=\\\"hljs\\\"&gt;&lt;code class=\\\"lang-javascript\\\"&gt;&lt;script src=&lt;span class=\\\"hljs-string\\\"&gt;\\\"https://cdn.jsdelivr.net/npm/vue\\\"&lt;/span&gt;&gt;&lt;span class=\\\"xml\\\"&gt;&lt;span class=\\\"hljs-tag\\\"&gt;&lt;/&lt;span class=\\\"hljs-name\\\"&gt;script&lt;/span&gt;&gt;&lt;/span&gt;&lt;/span&gt;\\n\\n&lt;/code&gt;&lt;/div&gt;&lt;/pre&gt;\\n&lt;p&gt;安装教程给出了更多安装 Vue 的方式。请注意我们不推荐新手直接使用 vue-cli，尤其是在你还不熟悉基于 Node.js 的构建工具时。&lt;/p&gt;\\n&lt;h1&gt;声明式渲染&lt;/h1&gt;\\n&lt;p&gt;Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统：&lt;/p&gt;\\n&lt;pre&gt;&lt;div class=\\\"hljs\\\"&gt;&lt;code class=\\\"lang-javascript\\\"&gt;&lt;div id=&lt;span class=\\\"hljs-string\\\"&gt;\\\"app\\\"&lt;/span&gt;&gt;\\n  {{ message }}\\n&lt;&lt;span class=\\\"hljs-regexp\\\"&gt;/div&gt;\\n\\n&lt;/span&gt;&lt;/code&gt;&lt;/div&gt;&lt;/pre&gt;\\n&lt;pre&gt;&lt;div class=\\\"hljs\\\"&gt;&lt;code class=\\\"lang-javascript\\\"&gt;&lt;span class=\\\"hljs-keyword\\\"&gt;var&lt;/span&gt; app = &lt;span class=\\\"hljs-keyword\\\"&gt;new&lt;/span&gt; Vue({\\n  &lt;span class=\\\"hljs-attr\\\"&gt;el&lt;/span&gt;: &lt;span class=\\\"hljs-string\\\"&gt;\\\'#app\\\'&lt;/span&gt;,\\n  &lt;span class=\\\"hljs-attr\\\"&gt;data&lt;/span&gt;: {\\n    &lt;span class=\\\"hljs-attr\\\"&gt;message&lt;/span&gt;: &lt;span class=\\\"hljs-string\\\"&gt;\\\'Hello Vue!\\\'&lt;/span&gt;\\n  }\\n})\\n\\n&lt;/code&gt;&lt;/div&gt;&lt;/pre&gt;\\n&lt;p&gt;我们已经成功创建了第一个 Vue 应用！看起来这跟渲染一个字符串模板非常类似，但是 Vue 在背后做了大量工作。现在数据和 DOM 已经被建立了关联，所有东西都是响应式的。我们要怎么确认呢？打开你的浏览器的 JavaScript 控制台 (就在这个页面打开)，并修改 app.message 的值，你将看到上例相应地更新。&lt;/p&gt;\\n&lt;p&gt;除了文本插值，我们还可以像这样来绑定元素特性：&lt;/p&gt;\\n', '1ab33afbd97044c58c5fe8a5f0d0123c'),('d107197c85be453aaa08d81010f14978', '3333', '<p>3333</p>', 'b59f0b5368294e61a2185b5b4acbd852'),('db3352d51b164d00979bf89203b17b7b', '44444', '<p>44444</p>', '21f976b5c34346c58b5aa926879aedb8'),('e661a14c41e64a2f9994241d68f5deae', '10', '<p>10</p>', 'af4141ab4c524d3baa4c0fa7c1b6e42d'),('eea70539f36f40c89d994e81c17fbd64', '5555', '<p>5555</p>', 'c57ab193135a49b2992b9c9c10a2044b'),('f6b558f1dc0d4224a6975f3c2ec617f9', '2sadasd', '2sadasd', '0cc5094f8efe46bc99ab2f77b396e4f6');
UNLOCK TABLES;
COMMIT;
BEGIN;
LOCK TABLES `zlf`.`ms_article_tag` WRITE;
DELETE FROM `zlf`.`ms_article_tag`;
INSERT INTO `zlf`.`ms_article_tag` (`id`,`article_id`,`tag_id`) VALUES ('027dba3808bb11ed9e95c8d9d2a58a85', '4641616c1bef4fa59ecd40c2dde64e91', '5'),('027df75b08bb11ed9e95c8d9d2a58a85', '4641616c1bef4fa59ecd40c2dde64e91', '7'),('027e152608bb11ed9e95c8d9d2a58a85', '4641616c1bef4fa59ecd40c2dde64e91', '8'),('027e312c08bb11ed9e95c8d9d2a58a85', '4641616c1bef4fa59ecd40c2dde64e91', '2'),('0741d38d08bb11ed9e95c8d9d2a58a85', '0cc5094f8efe46bc99ab2f77b396e4f6', '1'),('07420fd708bb11ed9e95c8d9d2a58a85', '0cc5094f8efe46bc99ab2f77b396e4f6', '8'),('0cf652c308bb11ed9e95c8d9d2a58a85', '85a3fc88aefd45589b55f4cec458ceff', '5'),('0cf6909408bb11ed9e95c8d9d2a58a85', '85a3fc88aefd45589b55f4cec458ceff', '7'),('0cf6b2f508bb11ed9e95c8d9d2a58a85', '85a3fc88aefd45589b55f4cec458ceff', '2'),('1', '1', '7'),('129e8cb808bb11ed9e95c8d9d2a58a85', 'b59f0b5368294e61a2185b5b4acbd852', '1'),('129eccd408bb11ed9e95c8d9d2a58a85', 'b59f0b5368294e61a2185b5b4acbd852', '8'),('129ef40f08bb11ed9e95c8d9d2a58a85', 'b59f0b5368294e61a2185b5b4acbd852', '2'),('12ef761b070311edad0cc8d9d2a58a85', 'c4367402662646c0ba3d20b0b2dc3bbf', '5'),('12efe450070311edad0cc8d9d2a58a85', 'c4367402662646c0ba3d20b0b2dc3bbf', '6'),('1405916999787233281', '1405916999732707330', '5'),('17d6c29a08bb11ed9e95c8d9d2a58a85', '21f976b5c34346c58b5aa926879aedb8', '5'),('17d7140b08bb11ed9e95c8d9d2a58a85', '21f976b5c34346c58b5aa926879aedb8', '7'),('17d73b2608bb11ed9e95c8d9d2a58a85', '21f976b5c34346c58b5aa926879aedb8', '8'),('18866be608a411ed9e95c8d9d2a58a85', 'a7133ef377594b93801960c6da31c36a', '5'),('1886b79a08a411ed9e95c8d9d2a58a85', 'a7133ef377594b93801960c6da31c36a', '2'),('1f60d9e208bb11ed9e95c8d9d2a58a85', 'c57ab193135a49b2992b9c9c10a2044b', '3'),('1f60fd8108bb11ed9e95c8d9d2a58a85', 'c57ab193135a49b2992b9c9c10a2044b', '6'),('1f6115c008bb11ed9e95c8d9d2a58a85', 'c57ab193135a49b2992b9c9c10a2044b', '2'),('2', '1', '5'),('25c2444808bb11ed9e95c8d9d2a58a85', '14db3a4e215e4ec6aa8baa08d53160ca', '5'),('25c2783008bb11ed9e95c8d9d2a58a85', '14db3a4e215e4ec6aa8baa08d53160ca', '4'),('25c2988308bb11ed9e95c8d9d2a58a85', '14db3a4e215e4ec6aa8baa08d53160ca', '8'),('2bf5eeb908bb11ed9e95c8d9d2a58a85', 'fa8c924b0dde4737a9864d94735c7bd0', '5'),('2bf62bba08bb11ed9e95c8d9d2a58a85', 'fa8c924b0dde4737a9864d94735c7bd0', '4'),('2bf6585408bb11ed9e95c8d9d2a58a85', 'fa8c924b0dde4737a9864d94735c7bd0', '3'),('3', '1', '8'),('35b7687e08bb11ed9e95c8d9d2a58a85', '8239ce40cef846a3957965d600ab7059', '5'),('35b7ac4b08bb11ed9e95c8d9d2a58a85', '8239ce40cef846a3957965d600ab7059', '7'),('4458b90d08bb11ed9e95c8d9d2a58a85', 'af4141ab4c524d3baa4c0fa7c1b6e42d', '5'),('4458ef8908bb11ed9e95c8d9d2a58a85', 'af4141ab4c524d3baa4c0fa7c1b6e42d', '6'),('5', '10', '7'),('6', '10', '8'),('62f81b21096211ed8e52c8d9d2a58a85', '1ab33afbd97044c58c5fe8a5f0d0123c', '7'),('62f8bc2f096211ed8e52c8d9d2a58a85', '1ab33afbd97044c58c5fe8a5f0d0123c', '8'),('62f8e7b4096211ed8e52c8d9d2a58a85', '1ab33afbd97044c58c5fe8a5f0d0123c', '5'),('62f9110c096211ed8e52c8d9d2a58a85', '1ab33afbd97044c58c5fe8a5f0d0123c', '6'),('7', '10', '5'),('8', '10', '6'),('990f703a096311ed8e52c8d9d2a58a85', 'c9023c6507984d778718b323694a5806', '1'),('990fafcb096311ed8e52c8d9d2a58a85', 'c9023c6507984d778718b323694a5806', '8'),('ceef81af096311ed8e52c8d9d2a58a85', '83e37c1eaeb4445084ff176215eb96a3', '1'),('ceefd11d096311ed8e52c8d9d2a58a85', '83e37c1eaeb4445084ff176215eb96a3', '3'),('ceeffa6d096311ed8e52c8d9d2a58a85', '83e37c1eaeb4445084ff176215eb96a3', '8');
UNLOCK TABLES;
COMMIT;
BEGIN;
LOCK TABLES `zlf`.`ms_category` WRITE;
DELETE FROM `zlf`.`ms_category`;
INSERT INTO `zlf`.`ms_category` (`id`,`avatar`,`category_name`,`description`) VALUES (1, '/static/category/front.png', '前端', '前端是什么，大前端'),(2, '/static/category/back.png', '后端', '后端最牛叉'),(3, '/static/category/lift.jpg', '生活', '生活趣事'),(4, '/static/category/database.png', '数据库', '没数据库，啥也不管用'),(5, '/static/category/language.png', '编程语言', '好多语言，该学哪个？');
UNLOCK TABLES;
COMMIT;
BEGIN;
LOCK TABLES `zlf`.`ms_comment` WRITE;
DELETE FROM `zlf`.`ms_comment`;
INSERT INTO `zlf`.`ms_comment` (`id`,`content`,`create_date`,`article_id`,`author_id`,`parent_id`,`to_uid`,`level`) VALUES ('03d96caf1b284775ac6bad8fb31444bb', '反反复复', '2022-07-27 10:15:51.239190', '14db3a4e215e4ec6aa8baa08d53160ca', '1', '0', '1', 1),('086f63c444224ddcb74e05a3f84c9264', '11111', '2022-07-27 09:59:42.903828', '1405916999732707330', '1', '0', '1', 1),('0c25b8d5e0004df38d3095646ac4b4ce', 'asdasd', '2022-07-26 15:05:38.355416', '1', '1', '0', '1', 1),('0d9882174cbb49eaa535bd3aa85b2e97', 'adasd', '2022-07-27 10:03:13.302117', '14db3a4e215e4ec6aa8baa08d53160ca', '1', '0', '1', 1),('1189fba05a5c458c95971afe36276f3a', '2222', '2022-07-27 10:01:05.662430', '14db3a4e215e4ec6aa8baa08d53160ca', '1', '0', '1', 1),('1405204547248377858', '123', '2022-07-26 09:52:36.968395', '1', '1', '53', '1', 2),('1405205050975899650', '123123', '2022-07-25 18:48:46.075682', '1', '1', '0', '1404446129264832513', 1),('1405205572185280513', '3333', '2022-07-26 09:07:31.863757', '1', '1404448588146192386', '0', '1404448463944462338', 1),('1405206087392612353', '7777', '2022-07-25 18:48:58.848118', '1', '1', '0', '1404448588146192386', 1),('1405206147568291842', '7777', '2022-07-25 18:49:04.127263', '1', '1', '0', '1549222528323420162', 1),('1405206347246522370', '666', '2022-07-26 09:07:38.609113', '1', '1404446129264832513', '0', '1549349888793059329', 1),('1405208637198131202', '99999999999999999999', '2022-07-25 18:49:08.284125', '1', '1', '0', '1549349888793059329', 1),('1405209691876790274', '66666666666666666', '2022-07-26 09:19:25.790939', '1', '1', '1405208637198131202', '1404448588146192386', 2),('23ea73c067a5437cb0f0d5e318d073ba', '发发发发发', '2022-07-27 10:18:57.310757', '14db3a4e215e4ec6aa8baa08d53160ca', '1', '0', '1', 1),('24e6feb3cd614de4998ea73f5f4a6e3b', '撒大大', '2022-07-26 11:36:53.117413', '1', '1', '0', '1', 1),('251bb52db7dc4c49a79e4dd134df011c', 'sada', '2022-07-27 09:48:41.295910', '0cc5094f8efe46bc99ab2f77b396e4f6', '1', '0', '0cc5094f8efe46bc99ab2f77b396e4f6', 1),('25510497232d4381973ccea29c03c79b', 'aaaaaa', '2022-07-28 09:31:04.976038', '4641616c1bef4fa59ecd40c2dde64e91', '1', '0', '1', 1),('26999463302e4624b1b944cfee655827', 'sfsdasdasf', '2022-07-26 15:05:25.682235', '1405916999732707330', '1', '0', '1405916999732707330', 1),('292a964d021d4174993da47fde78398d', '奥术大师', '2022-07-28 09:42:21.433851', '4641616c1bef4fa59ecd40c2dde64e91', '1', '0', '1', 1),('30e63f2b706d41a8a39dca0c7c302676', '666666', '2022-07-27 09:59:55.443470', '14db3a4e215e4ec6aa8baa08d53160ca', '1', '0', '1', 1),('37838a6a2f304aaabfbd5012888dc2f2', '萨达', '2022-07-27 17:01:11.614282', '83e37c1eaeb4445084ff176215eb96a3', '1', '0', '1', 1),('443d8b2acc23475b9e5ee71fcfa29ea4', '撒打算', '2022-07-27 17:00:06.022679', '83e37c1eaeb4445084ff176215eb96a3', '1', '0', '1', 1),('45bf14eb970d4cf58df9ad35482435ac', 'sadada', '2022-07-27 09:52:18.421688', '0cc5094f8efe46bc99ab2f77b396e4f6', '1', '0', '0cc5094f8efe46bc99ab2f77b396e4f6', 1),('4983320266d64ba7957fcbc8a47da8d7', '撒大声地撒旦法第三方放大方法浮点数', '2022-07-26 14:12:58.462866', '1', '1', '0', '1', 1),('4da83a73448445edab075b56b6ecb277', '666666666666', '2022-07-26 11:34:55.866080', '1', '1', '0', '1', 1),('5083146d31294063adf508caa72303ea', '少时诵诗书', '2022-07-27 17:02:17.798463', '83e37c1eaeb4445084ff176215eb96a3', '1', '0', '1', 1),('50a3aecf05de47a3b296f354d7608b1d', '奥术大师大', '2022-07-27 16:59:22.288362', '83e37c1eaeb4445084ff176215eb96a3', '1', '0', '1', 1),('53', '写的好', '2022-07-26 09:07:28.090390', '1', '1549349888793059329', '0', '1', 1),('54', '111', '2022-07-26 09:16:51.278495', '1', '1404448588146192386', '53', '1549349888793059329', 2),('5567fc6f80a64af3b2bb7a2f86fdc5e8', 'sdaddas', '2022-07-28 09:48:28.485092', '0cc5094f8efe46bc99ab2f77b396e4f6', '1', '0', '1', 1),('55b188e2fa5b4f20bff0a68d420f4372', '55555', '2022-07-27 09:52:59.448108', '1', '1', '0', '1', 1),('56', '222', '2022-07-01 09:04:56.000000', '1', '1', '0', '1', 1),('5ecc605f5e6148a785f72492a4f15c17', '奥斯丁', '2022-07-27 17:01:36.134116', '83e37c1eaeb4445084ff176215eb96a3', '1', '0', '1', 1),('621bd39d3a3b4e8c90302926fe12593d', 'vgfdvdf', '2022-07-27 10:01:51.973444', '14db3a4e215e4ec6aa8baa08d53160ca', '1', '0', '1', 1),('65', 'test', '2022-07-22 09:07:47.940794', '1', '1', '0', '1', 2),('695499153f544154b560a5e0cf9ded98', '啊啊啊啊啊', '2022-07-27 10:16:13.299002', '14db3a4e215e4ec6aa8baa08d53160ca', '1', '0', '1', 1),('772c4480b03643d1848cf25f53ab9be9', '333333', '2022-07-26 10:38:44.173154', '1', '1', '0', '1', 1),('7f4b9f2a261145d09b63725a51b60dd9', '撒打算点对点', '2022-07-27 17:00:10.894225', '83e37c1eaeb4445084ff176215eb96a3', '1', '0', '1', 1),('8a16776e0a24425eb5d023fb4f845116', 'casa', '2022-07-27 10:21:43.177880', '83e37c1eaeb4445084ff176215eb96a3', '1', '0', '1', 1),('8c69db0f7a83406d97c82134b67e7a3a', '111111', '2022-07-26 10:38:06.311004', '1', '1', '0', '1', 1),('9054cbb5cf0244a299f6a0c497346293', '啊啊啊', '2022-07-28 09:41:45.751045', '4641616c1bef4fa59ecd40c2dde64e91', '1', '0', '1', 1),('9324e0c6438e4adab3c0a8c0f6e208c5', '22222', '2022-07-27 10:18:24.553552', '14db3a4e215e4ec6aa8baa08d53160ca', '1', '0', '1', 1),('9aefd57bcec54db2ba941fd7ba961bb0', 'aaaaaa', '2022-07-28 09:31:06.524970', '4641616c1bef4fa59ecd40c2dde64e91', '1', '0', '1', 1),('b0298f44a0824beb8fa84012dc6ee15e', 'ggggg', '2022-07-26 15:05:05.361214', '1405916999732707330', '1', '0', '1405916999732707330', 1),('b8a8fbc50348463d9446c5cd9f7ec7be', 'wdasd', '2022-07-28 09:49:02.397593', '0cc5094f8efe46bc99ab2f77b396e4f6', '1', '0', '1', 1),('bb6c1e90225d433fb405c051fa125c2e', 'aaaaaa', '2022-07-28 09:31:03.027582', '4641616c1bef4fa59ecd40c2dde64e91', '1', '0', '1', 1),('c62e6b5f571749ecb39d2ddf2e4c8a60', '奥斯丁', '2022-07-27 17:01:39.148371', '83e37c1eaeb4445084ff176215eb96a3', '1', '0', '1', 1),('c8404f46729b4127988285b16c8b994a', 'asdasda', '2022-07-28 09:48:24.631381', '0cc5094f8efe46bc99ab2f77b396e4f6', '1', '0', '1', 1),('cdc70d5131224103b2ba3123c941fb8f', '', '2022-07-27 10:16:07.096237', '14db3a4e215e4ec6aa8baa08d53160ca', '1', '0', '1', 1),('d2775cd32e0245b8919f8ba87f23c68e', '啊啊啊啊啊', '2022-07-28 09:40:02.373330', '4641616c1bef4fa59ecd40c2dde64e91', '1', '0', '1', 1),('ecf22817fa0a4392a9ab99846b826c38', '所发生的', '2022-07-27 16:59:50.796827', '83e37c1eaeb4445084ff176215eb96a3', '1', '0', '1', 1),('f1d54fb86e2b43b098b7faa4065f97ab', 'aaaaaa', '2022-07-28 09:31:05.932812', '4641616c1bef4fa59ecd40c2dde64e91', '1', '0', '1', 1),('f8d91b45e34d44efa912af63e9033582', '22222222222222222222', '2022-07-26 11:34:47.101738', '1', '1', '0', '1', 1),('fa3da26fa59f4fb2b56054e98a879045', '发个', '2022-07-26 11:02:05.213992', '1', '1', '0', '1', 1),('fb39e316fe3b47da806a83f99f80bb98', '咕咕咕咕咕咕', '2022-07-27 10:21:01.919780', '83e37c1eaeb4445084ff176215eb96a3', '1', '0', '1', 1),('fdcb5342857946b299a7f85eb53e2386', 'sdadadsad', '2022-07-27 09:49:36.740894', '0cc5094f8efe46bc99ab2f77b396e4f6', '1', '0', '0cc5094f8efe46bc99ab2f77b396e4f6', 1);
UNLOCK TABLES;
COMMIT;
BEGIN;
LOCK TABLES `zlf`.`ms_file` WRITE;
DELETE FROM `zlf`.`ms_file`;
INSERT INTO `zlf`.`ms_file` (`id`,`file_name`,`file_user`,`create_time`) VALUES ('44060377ea984a0d', '44060377ea984a0d.R', 'admin', '2022-07-11 11:40:07'),('cdc59d1f45ba4455', 'cdc59d1f45ba4455.jpg', '1', '2022-07-19 16:39:43'),('dba7d111eaa14882', 'dba7d111eaa14882.png', 'admin', '2022-07-11 15:50:46');
UNLOCK TABLES;
COMMIT;
BEGIN;
LOCK TABLES `zlf`.`ms_permission` WRITE;
DELETE FROM `zlf`.`ms_permission`;
INSERT INTO `zlf`.`ms_permission` (`id`,`name`,`path`,`description`) VALUES (1, '查询权限列表', '/admin/permission/permissionList', '查询权限列表'),(2, '11', '11', '111'),(7, '1213', '123', '123'),(8, '删除权限', '/admin/permission/add', '删除权限');
UNLOCK TABLES;
COMMIT;
BEGIN;
LOCK TABLES `zlf`.`ms_sys_log` WRITE;
DELETE FROM `zlf`.`ms_sys_log`;
UNLOCK TABLES;
COMMIT;
BEGIN;
LOCK TABLES `zlf`.`ms_sys_user` WRITE;
DELETE FROM `zlf`.`ms_sys_user`;
INSERT INTO `zlf`.`ms_sys_user` (`id`,`account`,`admin`,`avatar`,`create_date`,`deleted`,`email`,`last_login`,`mobile_phone_number`,`nickname`,`password`,`salt`,`status`) VALUES (1, 'admin', b'1', 'http://localhost:8080/static/img/logo.b3a48c0.png', 20210622223122, b'0', '940279926', 20210630223130, '12', 'zlf', 'f0ba61273d8e11db715f18f7afb104a9', '12', '1'),(1404446129264832513, 'lisi', b'1', '/static/img/logo.b3a48c0.png', 1623681025218, b'0', '', 1623681025218, NULL, '李四', '1d01d52c40f4ff57ad3f93a06daf21d5', '', ''),(1404448463944462338, '12213', b'1', '/static/img/logo.b3a48c0.png', 1623681581855, b'0', '', 1623681581855, NULL, '123', '8628d1f407f72e10ac947a032fe5ad29', '', ''),(1404448588146192386, '123', b'1', '/static/img/logo.b3a48c0.png', 1623681611474, b'0', '', 1623681611474, NULL, '123', '5e112646dbf3570f8e23d0cf1027ede1', '', ''),(1549222528323420162, 'luffy', b'1', '/static/img/logo.b3a48c0.png', 1658198408529, b'0', '', 1658198408529, NULL, 'luffy', 'bef4af4743889eb8ccade25ab0b8873f', '', ''),(1549349888793059329, '2', b'1', '/static/img/logo.b3a48c0.png', 1658228773670, b'0', '3', 1658228773670, NULL, '3', '36bd9af14016dcf529a019b227d149d8', '', '');
UNLOCK TABLES;
COMMIT;
BEGIN;
LOCK TABLES `zlf`.`ms_tag` WRITE;
DELETE FROM `zlf`.`ms_tag`;
INSERT INTO `zlf`.`ms_tag` (`id`,`avatar`,`tag_name`) VALUES (1, NULL, 'c#'),(2, NULL, 'c++'),(3, NULL, 'java'),(4, NULL, 'python'),(5, '/static/tag/java.png', 'springboot'),(6, '/static/tag/java.png', 'spring'),(7, '/static/tag/java.png', 'springmvc'),(8, '/static/tag/css.png', 'css');
UNLOCK TABLES;
COMMIT;
CREATE DEFINER = `root`@`localhost` TRIGGER `articleid` AFTER INSERT ON `ms_article` FOR EACH ROW INSERT INTO ms_article_body(id,article_id) VALUES(new.body_id,new.id);;
CREATE DEFINER = `root`@`localhost` TRIGGER `delete_tag` AFTER DELETE ON `ms_article` FOR EACH ROW BEGIN
delete from ms_article_tag where ms_article_tag.article_id=old.id;
END;;
CREATE DEFINER = `root`@`localhost` TRIGGER `deletearticle` AFTER DELETE ON `ms_article_body` FOR EACH ROW BEGIN
delete from ms_article where ms_article.id=old.article_id;
END;;
